<div class="home">
	<div class="row logo-line">
		<div>
			<img src="img/LogoHome.png" />
		</div>
		<div>
			<div class="btn-login blue-bgd clickableEffect" data-bind="click: $root.homeVM.showHideLoginForm">
				<div class="home-narrow blue-narrow"></div>
				<div class="home-btn-label login" data-bind="text: $root.homeVM.strLogin">login</div>
			</div>
			<div class="btn-go black-bgd clickableEffect" data-bind="click: $root.homeVM.showHideRegister">
				<div class="home-narrow light-blue-narrow"></div>
				<div class="home-btn-label go" data-bind="text: $root.homeVM.strFreeRegister">go</div>
			</div>
		</div>
	</div>
	<div class="row login-line">
		<div class="text-input-group" data-bind="style: { display: $root.homeVM.isLoginFormVisible() ? 'block' : 'none'}">
			<div class="login-control-line login-input-line blue-180-bgd">
				<div class="group" id="login-email-group">
                    <div class="login-title" data-bind="text: homeVM.strEMail">
                        &nbsp;
                    </div>
					
                    <div style="padding-left: 5%; padding-right: 5%;">
                        <input type="email" id="user_name_id">&nbsp;</input>
                    </div>
					
                    
				</div>
				<div class="group-border" id="group-boder-login">
				</div>
				<div class="group" id="login-password-group">
                    <div class="login-title" id="password-title" data-bind="text: homeVM.strPassword">
                        &nbsp;
                    </div>
					<div style="padding-left: 5%; padding-right: 5%;">
                        <input type="password" id="password_id">&nbsp;</input>
                    </div>
					
				</div>
                <div class="switchSSO" >
                    
                    <div class="narrow">&nbsp;</div>
                    <div class="title-login" data-bind="click: $root.homeVM.switchLogin, text: $root.homeVM.strLoginStyle">&nbsp;</div>
                    
                </div>
                
			</div>
            <div>
                
                <div class="submit clickableEffect" style="width: 32%" data-bind="click: $root.homeVM.login">
                    <div class="submit-title" data-bind="text: $root.homeVM.strSubmit">submit</div>
                    <div class="narrow">&nbsp;</div>
                </div>
                
            </div>
		</div>
		<div class="text-input-group" data-bind="style: { display: $root.homeVM.isRegisterFormVisible() ? 'block' : 'none'}">
			<div class="login-control-line blue-180-bgd">
				<div class="group">
					<div class="input-title-frame" data-bind="text: $root.homeVM.strFirstName"></div>
					<div class="input-frame">
						<input type="text" id="first_name_id">&nbsp;</input>
					</div>
				</div>
				<div class="group-border">
				</div>
				<div class="group">
					<div class="input-title-frame" data-bind="text: $root.homeVM.strLastName"></div>
					<div class="input-frame">
						<input type="text" id="last_name_id">&nbsp;</input>
					</div>
				</div>
			</div>
			<div class="login-control-line blue-180-bgd">
				<div class="group group-email">
					<div class="input-title-frame input-title-frame-register-email" data-bind="text: $root.homeVM.strEMail"></div>
					<div class="input-frame-email">
						<input class="email-input-style" type="email" id="email_id">&nbsp;</input>
					</div>
				</div>
			</div>
			<div class="login-control-line blue-180-bgd">
				<div class="group">
					<div class="input-title-frame" data-bind="text: $root.homeVM.strChoosePassword"></div>
					<div class="input-frame">
						<input type="password" id="choose_password_id">&nbsp;</input>
					</div>
				</div>
				<div class="group-border" style="top: 155px">
				</div>
				<div class="group">
					<div class="input-title-frame" data-bind="text: $root.homeVM.strConfirmPassword"></div>
					<div class="input-frame">
						<input type="password" id="confirm_password_id">&nbsp;</input>
					</div>
				</div>
			</div>
			<div class="submit clickableEffect" data-bind="click: $root.homeVM.register">
				<div class="submit-title" data-bind="text: $root.homeVM.strSubmit">submit</div>
				<div class="narrow"></div>
			</div>
		</div>
	</div>
</div>